background-color - CSS

本文將介紹背景顏色、圖片、重複模式及定位等基礎概念，解答新手常見問題，並提供簡單實用的範例，助你提升網頁設計技能。

確保背景顏色與其上方文字顏色之間的對比度足夠高，這點非常重要，如此一來視力不佳的使用者才能閱讀頁面內容。 顏色對比度是透過比較文字和背景顏色值的亮度來決定的。

無論是簡單的背景顏色，還是複雜的背景圖片及其位置控制，這些屬性都能幫助你輕鬆達成效果。 希望這篇文章能幫助你，快速掌握 background 屬性的用法，讓你在設計網頁背景時，更加得心應手！

運用 CSS 的 background-color 樣式，可以運用任何支援的色彩單位，將元素的背景指定成特定顏色，這篇教學除了介紹 background-color 的用法，還會介紹 background-clip 裁切背景樣式，明確設定背景顏色延伸的範圍。

您在我們 CSS 顏色章節 中瞭解到，可以使用 RGB 作為顏色值。 除了 RGB，您還可以使用帶有 alpha 通道（RGB A）的 RGB 顏色值，它指定顏色的不透明度。

CSS DIV 背景顏色可以透過 CSS 本身的 background-color 屬性來設計，而且不只是 DIV 背景顏色能使用，網頁中的各種元素都可以使用，因為 background-color 是 CSS 的背景顏色設計標準語法，所以主流的瀏覽器都支援。 通常使用 background-color 來設計 DIV 背景顏色時，會需要使用《色碼表》來挑選不同的顏色，直接套用進去 background-color 語法參數即可，以下是幾個 CSS DIV 背景顏色的設計範例。

修改 CSS DIV 區塊背景顏色的方式很簡單，CSS 內建的 background-color 屬性就是設定網頁元素背景顏色的標準屬性，我們可以將這個屬性套用到 DIV 區塊 內，就能夠輕易的調整 DIV 區塊背景顏色，每個 DIV 區塊 只需要使用一次 background-color 即可，接著套用背景顏色的英文名稱或色碼，馬上就可以改變 DIV 區塊的背景顏色，先來看看這個 background-color 屬性的基本語法。 語法中的＂顏色設定＂為網頁設計師自己決定的顏色，能夠使用顏色英文單字，例